<template>
  <div>
    <ul>
      <li 
        :class="item.finish?'green':'red'"
        v-for="(item,index) in this.$store.state.list" 
        :key="item.id">
        {{index}}.{{item.id}} - {{item.msg}}
        {{item.finish?"完成":"未完成"}}
      </li>
    </ul>
  </div>
</template>
<script>
export default {};
</script>
<style>
.green {
  background: green;
}
.red {
  background: red;
}
</style>

